<template>
  <div class="box">
    <div class="containers">
      <div class="contbox">
        <img src="@/assets/slide/1-1.jpg" alt="">
        <div class="news">
            <span style="font-size:18px">集团要闻</span>
            <p style="margin-top:10px">揭秘！碧桂园“63亩试验”在做什么？</p>
            <p>揭秘！碧桂园“63亩试验”在做什么？</p>
            <p>揭秘！碧桂园“63亩试验”在做什么？</p>
            <p>揭秘！碧桂园“63亩试验”在做什么？<i @click="to" class="el-icon-d-arrow-right"></i></p>
        </div>
      </div>
      <div class="contbox">
        <img src="@/assets/slide/1-2.jpg" alt="">
        <div class="news">
            <span style="font-size:18px">媒体报道</span>
            <p style="margin-top:10px">凤凰网财经】民企融资2.0：发债扩容降本</p>
            <p>凤凰网财经】民企融资2.0：发债扩容降本</p>
            <p>凤凰网财经】民企融资2.0：发债扩容降本</p>
            <p>凤凰网财经】民企融资2.0：发债扩容降本
                <i @click="to" class="el-icon-d-arrow-right"></i>
            </p>
        </div>
      </div>
      <div class="contbox3">
        <img src="@/assets/slide/2-1.jpg" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ProjectFrontReport',

  data () {
    return {}
  },

  mounted () {},

  methods: {
    to () {
      location.href = 'http://www.baidu.com'
    }
  }
}
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: center;
  .containers {
    width: 85%;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    .contbox{
        background-color: #fbfbfb;
        height: 430px;
        cursor: pointer;
        .news{
            padding: 20px 15px;
            p{
                font-size: 16px;
                color: #666;
            }
            .el-icon-d-arrow-right{
                color: #fe943e;
                float: right;
            }
        }
    }
    .contbox3{
        background-color: #ecedef;
    }
  }
}
</style>
